<style>
.alert {
  position: fixed; /* 固定定位 */
  top: 50%; /* 距离顶部50% */
  left: 50%; /* 距离左侧50% */
  transform: translate(-50%, -50%); /* 偏移自身宽度和高度的50%，实现居中 */
  z-index: 1000; /* 确保它位于其他内容之上 */
    padding: 20px;
}
</style>
{% if messages %}
 {% for message in messages %}
<div class="alert alert-warning alert-dismissible fade show" role="alert" id="myAlert">
  <strong>{{ message.tags }}</strong>{{ message }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>

    {% endfor %}
{% endif %}
<script>
  document.addEventListener("DOMContentLoaded", function() {
    var alertBox = document.getElementById('myAlert');
    setTimeout(function() {
      $('.close').click(); // 触发关闭按钮的点击事件
    }, 1000); // 2秒后执行
  });
</script>